body {
    font-family: Calibri,"Lucida Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #434343;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    padding: 0;
    overflow-x: hidden;
	min-height:100%;
}
a,a:hover,a:focus{text-decoration: none;}
/*.header {
background: url("../../img/prj/solupe/banner-1.jpg") no-repeat center top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}*/
.header .overlay {
height: 680px;position: relative;
}
.overlay {
zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#80000000', endColorstr='#80000000');
background: transparent;
/*background: rgba(51, 51, 51, 0.2);*/
}
.navbar-fixed-top {
    padding-top: 25px;
    padding-bottom: 25px;
}
.nav-phone{line-height: 30px;padding: 10px 0;display: inline-block;color: white;}
.is-scrolling .nav-phone{color:#2c77bc}
.navbar-brand{padding:0px 0px !important;}
.navbar-fixed-top.is-scrolling{
    background: rgb(255,255,255);box-shadow:1px 1px 6px #ddd;
    border: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    
}
.is-scrolling .navbar-nav>.active>a, .is-scrolling .navbar-nav>.active>a:hover, .is-scrolling .navbar-nav>.active>a:focus {
    color: #27ae60;
    background-color: transparent;
}
.navbar-header .logo{background: url('../../img/prj/solupe/logo.png') no-repeat top left;
background-position: top left;background-size: cover;box-sizing: border-box;
clear: none;cursor: pointer;display: block;height: 52px;width:321px;}
.is-scrolling .navbar-header .logo{background-position: bottom left;}

.navbar-nav>li>a {color:#FFF;padding-top: 10px;padding-bottom: 10px;line-height: 30px;font-weight:bold;}
.navbar-nav>li>a :focus,.navbar-nav>li>a :hover{color:#FFF;}
.is-scrolling .navbar-nav>li>a{color:#2c77bc;}
.is-scrolling .navbar-nav>li>a.btn-nav{color:#FFF;}

.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{color:#efefef;background:transparent;}

.is-scrolling .navbar-nav>li>a:hover,.is-scrolling .navbar-nav>li>a:focus{color:#4c98de;background:transparent;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{background:transparent;}


.navbar-nav .btn-nav{width:150px;margin-left:50px;background-color:#EA5F42;color:#FFF;border-radius:0px;margin-top:5px;padding:5px 10px;border-bottom:3px solid #9F4020;}
.navbar-nav .btn-nav:hover,.navbar-nav .btn-nav:focus{background-color:#9F4020;color:#FFF;}

.is-scrolling .navbar-nav .btn-nav{width:150px;margin-left:50px;background-color:#4c98de;color:#FFF;border-radius:0px;margin-top:5px;padding:5px 10px;border-bottom:3px solid #2c77bc;}
.is-scrolling .navbar-nav .btn-nav:hover,.navbar-nav .btn-nav:focus{background-color:#2c77bc;color:#FFF;}

.navbar-nav>li>.dropdown-menu{background:transparent;min-width:120px;box-shadow: none;padding:0 0;margin:0 0;}
.dropdown-menu>li>a {padding: 10px 20px;color: #4c98de;background:rgba(255,255,255,0.8);}
.dropdown-menu>li>a:hover{color: #2c77bc;background:rgba(255,255,255,0.8);}

.nav-menu li.active a,.nav-menu li a:hover{border:0 none !important;background-color:transparent !important;border-bottom:2px solid #4896e1  !important;background-image:url('../../img/prj/solupe/triangle.png');background-position:50% 100%;background-repeat:no-repeat;}
.ab-addon{position:relative;width: 100%;}
.ab-addon .input-group-addon{background:transparent;position:absolute; top:4px;left:0px;z-index: 10;
border: 0 none;}
.has-error .ab-addon .input-group-addon{background:transparent;}
.ab-addon .form-control{
	border-radius: 4px !important;
	padding-left:36px;
}
.ab-addon select.form-control{
	/*text-indent:36px; */
	line-height:30px;padding:0 0; padding:5px 10px;
}
.btn{border-radius: 0px !important;}
.upload-btn{padding:8px 0 !important;}
.fast-prefix{display:inline-block;padding:2px 5px;background:#4c98de;color:#FFF;}
.btn-primary{background-color:#4c98de !important;}
.btn-primary-bb3{border-bottom: 3px solid #2c77bc !important;}

.btn-primary:hover,.btn-primary:focus{background-color:#2c77bc !important;color:#FFF;}

@media (min-width: 768px) {
	.vmiddle{
	    position: absolute;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
}

h2{color:#4c98de;font-size:37px;font-weight:bold;}
h2,h3{font-family: Calibri,'Helvetica Neue', Helvetica, Arial, sans-serif;}
.intro-icon h4{color:#434343}
.intro-section{max-width:480px;margin-left:50px;background:rgba(0,0,0,0.6);color:#fff;padding:40px;}
.intro-section h2{color:#FFF;}
.intro-section .btn-box{margin-top:40px;}
.intro-section .btn{display:block;padding:0 0;border-radius:0px;height:45px;width:205px;line-height:45px;margin-bottom:15px;}
.intro-section .btn-ghost {background: transparent;color: #ffffff;border-color: #ffffff;}
.intro-section .btn-primary{background:#4c98de;}
.intro-section .btn-primary:hover{background:#2c77bc;}
.intro-section .btn-ghost:hover{color:#4c98de;border-color:#4c98de;}

@font-face {font-family: 'solupefont';
    src: url('../../fonts/solupe/solupefont.eot'); /* IE9*/
    src: url('../../fonts/solupe/solupefont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/solupe/solupefont.woff') format('woff'), /* chrome��firefox */
    url('../../fonts/solupe/solupefont.ttf') format('truetype'), /* chrome��firefox��opera��Safari, Android, iOS 4.2+*/
    url('../../fonts/solupe/solupefont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}
.solupefont{
    font-family:"solupefont" !important;
    font-size:32px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
#wedo{text-align:center;padding-top:44px;padding-bottom:44px;}
#wedo .solupefont{
	font-size:8em;line-height: 120px;
	color:#4c98de;
	cursor:pointer;
}
#wedo .solupefont:hover{color:#2c77bc;}
#wedo p{
	color:#575757;
}

#wedo-icons{
	margin-top:60px;	
}
.intro-icon{height:180px;}
@media (min-width: 768px) {
	.intro-icon{height:180px; width: 20%;}
}
.bg-grey{background:#eeeeee;}

.work-step img{max-width:100%;max-height:420px;}
.work-step .step-content{margin-top:50px;}

footer{background:#343434;color:#aaaaaa;padding-top:20px;padding-bottom:30px;margin-top:0px;}
.footer-links{border-bottom: 1px solid #aaa;line-height:32px;padding-bottom:5px;}
.footer-links a{color:#aaa;margin-right:20px;}
.footer-links a:hover{color:#4c98de;}
footer .solupefont{
	font-size:32px;line-height: 32px;
	color:#4c98de;font-weight:normal;
	cursor:pointer;
}
footer .solupefont:hover{color:#aaa;}
#toTop {bottom: 135px !important;}


#products-banner img{max-width:100%;width:100%;}


.products-top{height:35px;text-align:right;background:#1b5daf;}
.products-top a{color:#FFF;padding:0 15px !important;line-height:35px;}
.products-top a:hover,.products-top a:focus{background:transparent !important;}
.products-top>ul {list-style:none;padding:0 0;margin:0 0;display:inline;}
.products-top>li {list-style:none;padding:0 0;margin:0 0;float: left;}

#product-nav {min-height:90px;border-bottom:2px solid #ddd;color:#434343;}
#product-nav a{color:#434343;}
#product-nav .navbar-nav > li form{margin-top:42px;}
#product-nav .navbar-nav > li input{height:30px;border-radius:20px;padding-right:24px;}
#search-form {position:relative;}
#search-form .fa{position:absolute;right:8px;top:8px;cursor:pointer;}

.form-horizontal .control-label {padding-top: 3px;text-align: left;}
.btn {padding: 6px 24px;}
.btn-xs {padding: 0px 6px;border: 0 none;border-radius: 3px !important;}
.label {display: inline-block;line-height:24px;color:#707070;font-size:16px;}
.label-default{background:#dddddd;}
.label-default:hover{background:#c6c6c6;}

.table-striped>tbody>tr:nth-child(even) {background-color: #f3f3f3;}
.table-striped-odd>tbody>tr:nth-child(odd) {background-color: #f3f3f3;}
.table-striped>tbody>tr:nth-child(odd) {background-color: transparent;}

#product-nav .navbar-nav > li > a{line-height:32px;margin-top:26px;padding:15px 15px}

#product-nav .navbar-nav > li.active a,#product-nav .navbar-nav > li > a:hover,#product-nav .navbar-nav > li > a:focus{background:#1456a9;color:#FFF;}

#product-nav .navbar-nav > li .dropdown-menu{background:rgba(0,72,162,0.95);}
#product-nav .navbar-nav > li .dropdown-menu>li>a{background:transparent;color:#FFF;}
#product-nav .navbar-nav > li .dropdown-menu>li>a:hover{color:#4c98de}

#product-cates li.product-cate-item {height:50px;background:#f3f3f3;}
#product-cates li.product-cate-item:nth-child(even) {height:50px;background:#e5e5e5;}
#product-cates .product-cate-item a{color:#434343;font-size:18px;}
#product-cates .product-cate-item > span{color:#434343;padding:10px;font-weight:bold;display:block;width:200px;float:left;cursor: default;}
#product-cates .product-subcate-item a{padding: 12px 15px;display:inline-block;}
#product-cates .product-subcate-item li{list-style:none;display: inline;}

#product-cates .product-cate-item a:hover,#product-cates .product-cate-item a.active,#product-cates .product-cate-item a:focus{background:#4c98de;color:#FFF;}

.navbar-right .dropdown-menu{left:0 !important;right:auto;}
.product-lists{margin:0 -10px;}
.product-lists .col-sm-3{padding:0 10px;}
.product-item{padding:15px;margin-bottom:10px;color:#434343;border:1px solid #e5e5e5;box-sizing: content-box;text-align:center;}
.product-item:hover{border-color:#4c98de;}

.product-item h4{height:54px;overflow:hidden;text-align: left;}
.product-item .title{color:#4c98de;font-size:18px;}
.product-item .des{font-size:12px;color:#434343;height:120px;overflow:hidden;text-align:left;}

.product-item .actions{margin-top:10px;text-align:left;}
.product-item .actions .btn{border:1px solid #4c98de;padding:4px 10px;font-weight:bold;}
.product-item .actions .btn:hover{background:#4c98de;color:#FFF;}

#product-info .des-title{float:left;font-weight:bold;line-height:34px;margin-right:10px;}
.product-price{color:#ed603a;font-size:26px;font-weight:bold;}
thead,tfoot{background:#f3f3f3;}
thead tr{height:56px;}
tfoot tr{height:110px;}

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox]
{
	margin-top: 8px;
}

.shopping-jdt .jdt-success,.shopping-jdt  .jdt-primary,.shopping-jdt  .jdt-default{width:25%;text-align:center;}
@media (max-width: 768px) {
	.detail {padding:10px 0px;box-shadow:none;}
}